<!-- 页面HTML -->
<template>
	<view class="content">
		<!-- 绑定点击 -->
		<text class="f1" @click="fn">{{title}}</text>
		<text class="f2">文本2</text>
		<text class="f3">文本3</text>
	</view>
</template>
<!-- 页面JS -->
<script>
	export default {
		data() {
			return {
				title: '这是业主数据'
			}
		},
		onLoad() {

		},
		methods: {
			fn() {
				console.log('hahaha')
			}
		}
	}
</script>
<!-- 页面CSS 
	lang 设置CSS预处理器
	scoped  里边的css只能在当前页面下生效
-->
<style lang="scss" scoped>
	// SCSS变量
	$f24: 40px;
	.content{
		width: 300px;
		height: 200px;
		background-color: pink;
		.f1{
			color: red;
			font-size: $f24;
		}
		.f2 {
			color: green;
		}
		.f3 {
			color: blue;
			font-size: $f24;
		}
	}
</style>
